<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
        <div class="full-row page-banner-image" style="background-image: url(&quot;static/assets/images/background/1.png&quot;); background-repeat: no-repeat;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-9 mx-auto pt-5 sm-pt-0">
                        <div class="product-search">
                            <h3 class="text-white text-center mb-4"><span class="mr-3 h3 text-white">20,32,345</span>提供现车</h3>
                            <form class="form-inline" action="#" method="post">
                                <select class="form-control m-0">
                                    <option selected="">类别</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                                <input type="text" class="form-control m-0" name="search" placeholder="Search product...">
                                <button type="submit" name="submit"><i class="fas fa-search text-white"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <!-- Breadcrumb Start -->
    <div class="full-row breadcrumb-bar bg-gray py-3">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h4 class="text-secondary">商品浏览</h4>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="float-right">
                        <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                            <li class="breadcrumb-item"><a href="#">首页</a></li>
                            <li class="breadcrumb-item active" aria-current="page">商品浏览</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb End -->


    <div class="full-row">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 woocommerce-product">
                    <div class="woo-filter-bar d-table w-100 mb-2 sm-mt-30">
                        <div class="float-left">
                            <form class="woocommerce-ordering" method="get">
                                <select class="selectpicker form-control orderby" data-width="fit">
                                    <option>推荐</option>
                                    <option>最受欢迎的</option>
                                    <option>最高评级</option>
                                    <option>最新商品</option>
                                    <option>价格由低到高</option>
                                    <option>价格由高到低</option>
                                </select>
                            </form>
                        </div>
                        <div class="float-left">
                            <span class="woocommerce-ordering-pages">结果显示为15</span>
                        </div>
                        <div class="float-right xs-mx-none">
                            <form class="view-category" method="get">
                                <button title="List" class="list-view" value="list" name="display" type="submit"><i class="fas fa-th-list"></i></button>
                                <button title="Grid" class="grid-view active" value="grid" name="display" type="submit"><i class="fas fa-th"></i></button>
                            </form>
                        </div>
                    </div>
                    <div class="woocommerce-thumb products-grid-view">
                        <ul class="products">
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="onsale">特价!</span>
                                        <img src="static/assets/images/portfolio/3.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">好好好好好好好好好好好好</h2>
                                    </a>
                                    <span class="price d-block">
											<del><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>100.00</span>
                                        </del>
                                        <ins><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>80.00</span></ins>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">添加到购物车</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="new">New</span>
                                        <img src="static/assets/images/portfolio/4.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>17.99</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/5.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>19.99</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/6.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>9.99</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="onsale">Sale!</span>
                                        <img src="static/assets/images/portfolio/7.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>12.00</span>
                                        </span>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/8.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>13.50</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1 text-light"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/1.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>13.50</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1 text-light"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="onsale">Sale!</span>
                                        <img src="static/assets/images/portfolio/2.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>11.49</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1 text-light"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/3.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>79.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="new">New</span>
                                        <img src="static/assets/images/portfolio/4.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>20.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/5.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>65.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/6.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>17.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/7.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>120.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <img src="static/assets/images/portfolio/8.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>35.00</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                            <li class="product type-product">
                                <div class="product-img">
                                    <a href="#" class="product-link">
                                        <span class="onsale">Sale!</span>
                                        <img src="static/assets/images/portfolio/1.png" alt="image not found!">
                                    </a>
                                </div>
                                <div class="product-detail">
                                    <a href="#" class="product-link">
                                        <h2 class="woocommerce-loop-product__title">Awesome Class Model</h2>
                                    </a>
                                    <span class="price d-block">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>29.99</span>
                                        </span>
                                    <div class="star-rating">
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                        <i class="flaticon-star-1"></i>
                                    </div>
                                    <a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add To Cart</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 mt-3">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination pagination-default justify-content-center">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
        <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- Javascripts -->
    <script src="static/assets/js/jquery.min.js"></script>
    <script src="static/assets/js/greensock.js"></script>
    <script src="static/assets/js/layerslider.transitions.js"></script>
    <script src="static/assets/js/layerslider.kreaturamedia.jquery.js"></script>
    <script src="static/assets/js/popper.min.js"></script>
    <script src="static/assets/js/bootstrap.min.js"></script>
    <script src="static/assets/js/bootstrap-select.min.js"></script>
    <script src="static/assets/js/jquery.fancybox.min.js"></script>
    <script src="static/assets/js/owl.js"></script>
    <script src="static/assets/js/wow.js"></script>
    <script src="static/assets/js/mixitup.min.js"></script>
    <script src="static/assets/js/custom.js"></script>


</body>
</html>